<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>穴</title>
    <script src="../js/jquery-2.1.4.min.js"></script>
    <script src="../js/mui.min.js"></script>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../css/cw.css"/>
    <link href="../css/mui.indexedlist.css" rel="stylesheet" />
    <script src="../js/global.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" src="../js/public.js" ></script>
    <script type="text/javascript" src="../js/app/jk-point-list.js" ></script>
    <script type="text/javascript" charset="UTF-8">
      	mui.init();
    </script>
    <style type="text/css">
	 	/*跨webview需要手动指定位置*/
	 	.mui-popover {height:300px;}
		.mui-col-xs-6 .iconfont{position:absolute;top:9px;-webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);}	
		html,body {height: 100%;overflow: hidden;}
		.mui-bar {-webkit-box-shadow: none;box-shadow: none;}
		.mui-indexed-list-bar{background:transparent;}
		.mui-indexed-list-bar a{color:#000;}
		.mui-grid-view.mui-grid-9{background:white;}
		.medicine-list-3>div{;margin-bottom:0px;}
        .medicine-list-3>div:nth-child(2){border-left:1px solid #F0F0F4;border-right:none;}
    </style>
</head>
<body >
	<header id="header" class="mui-bar mui-bar-nav">
		<i class="mui-icon mui-icon-back mui-action-back"></i>
		<h1 class="mui-title ">穴</h1>
	</header> 
	<div id="content" class="mui-content background"></div>
		
			<div class="overflow-h medicine-list-3">			
			<div class="mui-col-xs-6">
				<a href="#top-1" class="color-000 ">
				<span>五输穴</span>
				<span class="iconfont">&#xe638;</span>
				</a>
			</div>		
			<div class="mui-col-xs-6">
				<a href="#top-2" class="color-000">
				<span>其他</span>
				<span class="iconfont">&#xe638;</span>
				</a>
			</div>
		</div>
	
	<!--左上角弹出菜单-->
		<div id="top-1" class="mui-popover">
			<div class="mui-popover-arrow"></div>
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll">
					<ul class="mui-table-view wushuxue">
						<!--<li class="mui-table-view-cell"><a href="#top-1">全部</a>
						</li>
						<li class="mui-table-view-cell"><a href="#top-1">井穴（五输穴）</a>
						</li>-->
					</ul>
				</div>
			</div>
		</div>

		<!--右上角弹出菜单-->
		<div id="top-2" class="mui-popover">
			<div class="mui-popover-arrow"></div>
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll">
					<ul class="mui-table-view qita">
						<!--<li class="mui-table-view-cell"><a href="#top-2">全部</a>
						</li>-->
					</ul>
				</div>
			</div>
		</div>
		<div id='list' class="mui-indexed-list">
				<div class="mui-indexed-list-search mui-input-row mui-search">
					<input type="search" contenteditable="true"  class="mui-input-clear mui-indexed-list-search-input" placeholder="搜索机场"style="display:none">
				</div>
				<div class="mui-indexed-list-bar">
					<a>肺</a>
					<a>大</a>
					<a>胃</a>
					<a>脾</a>
					<a>心</a>
					<a>小</a>
					<a>膀</a>
					<a>肾</a>
					<a>包</a>
					<a>三</a>
					<a>胆</a>
					<a>肝</a>
					<a>督</a>
					<a>任</a>
					<a>冲</a>
					<a>带</a>
					<a>维</a>
					<a>绕</a>
					<a>奇</a>
				
				</div>
				<div class="mui-indexed-list-alert"></div>
				<div class="mui-indexed-list-inner">
					<div class="mui-indexed-list-empty-alert">没有数据</div>
					<ul class="mui-table-view"> 
						<li data-group="肺" class="mui-table-view-divider mui-indexed-list-group mui-h6 color-000">肺（寅时3-5点）</li>
						<li class="mui-table-view-cell">
							<div class="xue">手太阴肺经</div>
							<div class="mui-h6">Lung Meridian</div>	
							<!--九宫-->
							<ul class="mui-table-view mui-grid-view mui-grid-9 xue-9">
					            <!--<li class="mui-table-view-cell mui-media mui-col-xs-4 ">
					                 <div class="mui-media-body ">中府</div>
					            </li>-->
							</ul>
						</li>
						<li data-group="大" class="mui-table-view-divider mui-indexed-list-group mui-h6 color-000">大肠（卯时时5-7点）</li>
						<li class="mui-table-view-cell">
							<div class="xue">手阳阴大肠经</div>
							<div class="mui-h6">Large Intestine Meridian</div>	
							<!--九宫-->
							<ul class="mui-table-view mui-grid-view mui-grid-9 xue-9">
					            <!--<li class="mui-table-view-cell mui-media mui-col-xs-4 ">
					                 <div class="mui-media-body ">中府</div>
					            </li>-->
					          
							</ul>
						</li>
						<li data-group="胃" class="mui-table-view-divider mui-indexed-list-group mui-h6 color-000">胃（辰时7-9点）</li>
						<li class="mui-table-view-cell">
							<div class="xue">足阳明胃经</div>
							<div class="mui-h6">Stomach Meridian</div>	
							<!--九宫-->
							<ul class="mui-table-view mui-grid-view mui-grid-9 xue-9">
					            <!--<li class="mui-table-view-cell mui-media mui-col-xs-4 ">
					                 <div class="mui-media-body ">中府</div>
					            </li>-->
							</ul>
						</li>
						<li data-group="脾" class="mui-table-view-divider mui-indexed-list-group mui-h6 color-000">脾（巳时9-11点）</li>
						<li class="mui-table-view-cell">
							<div class="xue">足太阴脾经</div>
							<div class="mui-h6">Spleen Meridian</div>	
							<!--九宫-->
							<ul class="mui-table-view mui-grid-view mui-grid-9 xue-9">
					            <!--<li class="mui-table-view-cell mui-media mui-col-xs-4 ">
					                 <div class="mui-media-body ">中府</div>
					            </li>-->
							</ul>
						</li>
						<li data-group="心" class="mui-table-view-divider mui-indexed-list-group mui-h6 color-000">心（午时11-13点）</li>
						<li class="mui-table-view-cell">
							<div class="xue">手少阴心经</div>
							<div class="mui-h6">Heart Meridian</div>	
							<!--九宫-->
							<ul class="mui-table-view mui-grid-view mui-grid-9 xue-9">
					            <!--
					            <li class="mui-table-view-cell mui-media mui-col-xs-4 ">
					                 <div class="mui-media-body "></div>
					            </li>-->
							</ul>
						</li>
						<li data-group="小" class="mui-table-view-divider mui-indexed-list-group mui-h6 color-000">小肠（未时13-15点）</li>
						<li class="mui-table-view-cell">
							<div class="xue">手太阳小肠经</div>
							<div class="mui-h6">Small Intestine Meridian</div>	
							<!--九宫-->
							<ul class="mui-table-view mui-grid-view mui-grid-9 xue-9">
					            <!--<li class="mui-table-view-cell mui-media mui-col-xs-4 ">
					                 <div class="mui-media-body ">中府</div>
					            </li>-->
							</ul>
						</li>
						<li data-group="膀" class="mui-table-view-divider mui-indexed-list-group mui-h6 color-000">膀（申时15-17点）</li>
						<li class="mui-table-view-cell">
							<div class="xue">足太阳膀胱经</div>
							<div class="mui-h6">Bladder Meridian</div>	
							<!--九宫-->
							<ul class="mui-table-view mui-grid-view mui-grid-9 xue-9">
					            <!--<li class="mui-table-view-cell mui-media mui-col-xs-4 ">
					                 <div class="mui-media-body ">中府</div>
					            </li>-->
							</ul>
						</li>
						<li data-group="肾" class="mui-table-view-divider mui-indexed-list-group mui-h6 color-000">肾（酉时17-19点）</li>
						<li class="mui-table-view-cell">
							<div class="xue">足少阴肾经</div>
							<div class="mui-h6">Kidney Meridian</div>	
							<!--九宫-->
							<ul class="mui-table-view mui-grid-view mui-grid-9 xue-9">
					            <!--<li class="mui-table-view-cell mui-media mui-col-xs-4 ">
					                 <div class="mui-media-body ">中府</div>
					            </li>-->
							</ul>
						</li>
						<li data-group="包" class="mui-table-view-divider mui-indexed-list-group mui-h6 color-000">心包（戌时19-21点）</li>
						<li class="mui-table-view-cell">
							<div class="xue">手厥阴心包经</div>
							<div class="mui-h6">Pericardium Meridian</div>	
							<!--九宫-->
							<ul class="mui-table-view mui-grid-view mui-grid-9 xue-9">
					            <!--<li class="mui-table-view-cell mui-media mui-col-xs-4 ">
					                 <div class="mui-media-body ">中府</div>
					            </li>-->
							</ul>
						</li>
						<li data-group="三" class="mui-table-view-divider mui-indexed-list-group mui-h6 color-000">三焦（亥时21-23点）</li>
						<li class="mui-table-view-cell">
							<div class="xue">手少阳三焦经</div>
							<div class="mui-h6">Sanjiao Meridian</div>	
							<!--九宫-->
							<ul class="mui-table-view mui-grid-view mui-grid-9 xue-9">
					            <!--<li class="mui-table-view-cell mui-media mui-col-xs-4 ">
					                 <div class="mui-media-body ">中府</div>
					            </li>-->
							</ul>
						</li>
						<li data-group="胆" class="mui-table-view-divider mui-indexed-list-group mui-h6 color-000">胆（子时23-1点）</li>
						<li class="mui-table-view-cell">
							<div class="xue">足少阳胆经</div>
							<div class="mui-h6">Gall Bladder Meridian</div>	
							<!--九宫-->
							<ul class="mui-table-view mui-grid-view mui-grid-9 xue-9">
					            <!--<li class="mui-table-view-cell mui-media mui-col-xs-4 ">
					                 <div class="mui-media-body ">中府</div>
					            </li>-->
							</ul>
						</li>
						<li data-group="肝" class="mui-table-view-divider mui-indexed-list-group mui-h6 color-000">肝（丑时1-3点）</li>
						<li class="mui-table-view-cell">
							<div class="xue">足厥阴肝经</div>
							<div class="mui-h6">Liver Meridian</div>	
							<!--九宫-->
							<ul class="mui-table-view mui-grid-view mui-grid-9 xue-9">
					            <!--<li class="mui-table-view-cell mui-media mui-col-xs-4 ">
					                 <div class="mui-media-body ">中府</div>
					            </li>-->
							</ul>
						</li>
						<li data-group="督" class="mui-table-view-divider mui-indexed-list-group mui-h6 color-000">督脉</li>
						<li class="mui-table-view-cell">
							<div class="xue">督脉</div>
							<div class="mui-h6">Du Meridian</div>	
							<!--九宫-->
							<ul class="mui-table-view mui-grid-view mui-grid-9 xue-9">
					            <!--<li class="mui-table-view-cell mui-media mui-col-xs-4 ">
					                 <div class="mui-media-body ">中府</div>
					            </li>-->
							</ul>
						</li>
						<li data-group="任" class="mui-table-view-divider mui-indexed-list-group mui-h6 color-000">任脉</li>
						<li class="mui-table-view-cell">
							<div class="xue">任脉</div>
							<div class="mui-h6">Ren Meridian</div>	
							<!--九宫-->
							<ul class="mui-table-view mui-grid-view mui-grid-9 xue-9">
					            <!--<li class="mui-table-view-cell mui-media mui-col-xs-4 ">
					                 <div class="mui-media-body ">中府</div>
					            </li>-->
							</ul>
						</li>
						<li data-group="冲" class="mui-table-view-divider mui-indexed-list-group mui-h6 color-000">冲脉</li>
						<li class="mui-table-view-cell">
							<div class="xue">冲脉</div>
							<div class="mui-h6">Chong Meridian</div>	
							<!--九宫-->
							<ul class="mui-table-view mui-grid-view mui-grid-9 xue-9">
					            <!--<li class="mui-table-view-cell mui-media mui-col-xs-4 ">
					                 <div class="mui-media-body ">中府</div>
					            </li>-->
							</ul>
						</li>
						<li data-group="带" class="mui-table-view-divider mui-indexed-list-group mui-h6 color-000">带脉</li>
						<li class="mui-table-view-cell">
							<div class="xue">带脉</div>
							<div class="mui-h6">Dai Meridian</div>	
							<!--九宫-->
							<ul class="mui-table-view mui-grid-view mui-grid-9 xue-9">
					            <!--<li class="mui-table-view-cell mui-media mui-col-xs-4 ">
					                 <div class="mui-media-body ">中府</div>
					            </li>-->
							</ul>
						</li>
						<li data-group="维" class="mui-table-view-divider mui-indexed-list-group mui-h6 color-000">阳维脉</li>
						<li class="mui-table-view-cell">
							<div class="xue">阳维脉</div>
							<div class="mui-h6">Yangwei Meridian</div>	
							<!--九宫-->
							<ul class="mui-table-view mui-grid-view mui-grid-9 xue-9">
					            <!--<li class="mui-table-view-cell mui-media mui-col-xs-4 ">
					                 <div class="mui-media-body ">中府</div>
					            </li>-->
							</ul>
						</li>
						<li data-group="维" class="mui-table-view-divider mui-indexed-list-group mui-h6 color-000">阴维脉</li>
						<li class="mui-table-view-cell">
							<div class="xue">阴维脉</div>
							<div class="mui-h6">Yinwei Meridian</div>	
							<!--九宫-->
							<ul class="mui-table-view mui-grid-view mui-grid-9 xue-9">
					            <!--<li class="mui-table-view-cell mui-media mui-col-xs-4 ">
					                 <div class="mui-media-body ">中府</div>
					            </li>-->
							</ul>
						</li>
						<li data-group="跷" class="mui-table-view-divider mui-indexed-list-group mui-h6 color-000">阴跷脉</li>
						<li class="mui-table-view-cell">
							<div class="xue">阴跷脉</div>
							<div class="mui-h6">Yinqiao Meridian</div>	
							<!--九宫-->
							<ul class="mui-table-view mui-grid-view mui-grid-9 xue-9">
					            <!--<li class="mui-table-view-cell mui-media mui-col-xs-4 ">
					                 <div class="mui-media-body ">中府</div>
					            </li>-->
							</ul>
						</li>
						<li data-group="跷" class="mui-table-view-divider mui-indexed-list-group mui-h6 color-000">阴跷脉</li>
						<li class="mui-table-view-cell">
							<div class="xue">阴跷脉</div>
							<div class="mui-h6">Yinqiao Meridian</div>	
							<!--九宫-->
							<ul class="mui-table-view mui-grid-view mui-grid-9 xue-9">
					            <!--<li class="mui-table-view-cell mui-media mui-col-xs-4 ">
					                 <div class="mui-media-body ">中府</div>
					            </li>-->
							</ul>
						</li>
						<li data-group="奇" class="mui-table-view-divider mui-indexed-list-group mui-h6 color-000">经外奇穴</li>
						<li class="mui-table-view-cell">
							<div class="xue">经外奇穴</div>
							<div class="mui-h6">Extra Nerve Points</div>	
							<!--九宫-->
							<ul class="mui-table-view mui-grid-view mui-grid-9 xue-9">
					            <!--<li class="mui-table-view-cell mui-media mui-col-xs-4 ">
					                 <div class="mui-media-body ">中府</div>
					            </li>-->
							</ul>
						</li>
					</ul>
				</div>
			</div>
	
</body>
	
	<script type="text/javascript">
//	mui('.mui-scroll-wrapper').scroll();
//		$(document).ready(function(){
//			$(".mui-col-xs-6").on('tap',function(){
//				$(this).css({'color':'red'})		
//			});	
//			$("#top-1 li").on('tap',function(){
//				$(".mui-col-xs-6:eq(0) span:eq(0)").text($(this).text())			
//			});	
//			$("#top-2 li").on('tap',function(){
//				$(".mui-col-xs-6:eq(1) span:eq(0)").text($(this).text())			
//			});	
//			
//		})
	</script>
	<script src="../js/mui.indexedlist.js"></script>
	<script type="text/javascript" charset="utf-8">
			mui.init();
			mui.ready(function() {
				
				var list = document.getElementById('list');
				//calc hieght
				list.style.height = (document.body.offsetHeight -81) + 'px';
				//create
				window.indexedList = new mui.IndexedList(list);
			});
//			$('.mui-table-view-cell.mui-media.mui-col-xs-4').on('tap',function(){
//				openNewpage('jk-point.html')
//			})
		</script>
</html>